<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
    <style>
        body { font-family: Arial, sans-serif; }
        .container { width: 300px; padding: 16px; background-color: white; margin: 100px auto; border: 1px solid #ccc; box-shadow: 2px 2px 5px #ccc; }
        input[type=text], input[type=password] { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; box-sizing: border-box; }
        button { background-color: #4CAF50; color: white; padding: 14px 20px; margin: 8px 0; border: none; cursor: pointer; width: 100%; }
        button:hover { opacity: 0.8; }
    </style>
</head>
<body>
<div class="container">
    <form action="<%=request.getContextPath()%>/handleLogin" method="post">
        <label for="username"><b>用户名</b></label>
        <input type="text" placeholder="请输入用户名" name="username" required>

        <label for="password"><b>密码</b></label>
        <input type="password" placeholder="请输入密码" name="password" required>

        <label>
            <input type="checkbox" name="remember-me" value="true"> 记住我
        </label>
        <button type="submit">登录</button>
    </form>
</div>
</body>
</html>